/* -------------------------------------------------------------------- INICIO */

#section-menu-programacao {
    position: relative;
}

.div-section-menu-programacao-programacao {
    height: 680px;
    width: 100%;
    background-color: #E2BBCD;
}

.img-section-menu-programacao-design-fundo {
    width: 100%;
    height: 100%;
}

.img-section-menu-programacao-design-menino,
.img-text-section-menu-programacao-design-fritz,
.img-text-section-menu-programacao-design-parceria,
.img-text-section-menu-programacao-design-people {
    align-items: center;
    position: absolute;
    /* Permite controle de posição */
}

.text-section-menu-programacao-titulo {
    text-transform: uppercase;
    color: #FFFDF8;
    font-size: 50px;
    top: 55px;
    left: 320px;

    position: absolute;
    /* Permite controle de posição */
    z-index: 3;
    /* Garante que fique acima da imagem */
}

.img-section-menu-programacao-design-menino {
    align-items: center;
    top: 160px;
    max-width: 205px;
    left: 350px;
}

.text-section-menu-programacao-veja {
    text-transform: uppercase;
    color: #217B58;
    font-size: 20px;
    font-weight: bold;

    position: absolute;
    /* Permite controle de posição */
    z-index: 3;
    /* Garante que fique acima da imagem */
    top: 195px;
    left: 575px;
}

.text-section-menu-programacao-veja i {
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
}

.text-section-menu-programacao-depois {
    color: #217B58;
    font-size: 14px;
    position: absolute;
    /* Permite controle de posição */
    z-index: 3;
    /* Garante que fique acima da imagem */
    top: 300px;
    left: 575px;
}

.text-section-menu-programacao-depois b {
    font-weight: bold;
    font-size: 14px;
}

.img-text-section-menu-programacao-design-fritz {
    align-items: center;
    top: 40px;
    max-width: 120px;
    right: 190px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.img-text-section-menu-programacao-design-parceria {
    align-items: center;
    top: 450px;
    max-width: 230px;
    right: 190px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.img-text-section-menu-programacao-design-people {
    align-items: center;
    bottom: 130px;
    max-width: 115px;
    left: 190px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

/*______________________________________________ESPAÇO DOS QUADRADOS*/


.div-section-menu-programacao-quadrados {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    background-color: #1B7B58;
    padding: 80px 180px 80px 180px;
    position: relative;
}

.div-section-menu-programacao-quadrados div {
    position: relative;
    text-align: left;
}

.img-section-menu-programacao-design-q {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
}

.text-section-menu-programacao-conheca,
.text-section-menu-programacao-local-b,
.text-section-menu-programacao-data-b,
.text-section-menu-programacao-local-v,
.text-section-menu-programacao-data-v,
.text-section-menu-programacao-local-r,
.text-section-menu-programacao-data-r,
.text-section-menu-programacao-quer,
.text-section-menu-programacao-contate,
.text-section-menu-programacao-contate a {
    position: absolute;
    top: 24%;
    left: 7%;
    right: 3%;
    transform: translateY(-50%);
    padding: 10px;
    border-radius: 5px;
    text-align: left;
    white-space: pre-line;
    line-height: 1.5;
}

.text-section-menu-programacao-conheca {
    color: #722948;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
}

.text-section-menu-programacao-local-b,
.text-section-menu-programacao-local-v,
.text-section-menu-programacao-local-r {
    font-weight: bold;
    font-size: 17px;
    text-align: left;
}

.text-section-menu-programacao-data-b,
.text-section-menu-programacao-data-v,
.text-section-menu-programacao-data-r {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

.span-text-section-menu-programacao-edicao-b,
.span-text-section-menu-programacao-edicao-v,
.span-text-section-menu-programacao-edicao-r {
    font-size: 14px;
    font-weight: 400;
}

.text-section-menu-programacao-local-b,
.text-section-menu-programacao-data-b,
.span-text-section-menu-programacao-edicao-b {
    color: #ffffff;
    top: 50%;
    line-height: 1.4;
}

.text-section-menu-programacao-data-b {
    top: 71%;
}

.text-section-menu-programacao-local-v,
.text-section-menu-programacao-data-v,
.span-text-section-menu-programacao-edicao-v,
.text-section-menu-programacao-quer {
    color: #15403D;
    line-height: 1.5;
    top: 37%;
}

.text-section-menu-programacao-local-r,
.text-section-menu-programacao-data-r,
.span-text-section-menu-programacao-edicao-r {
    color: #722948;
    line-height: 1.5;
    top: 37%;
}

.text-section-menu-programacao-data-v,
.text-section-menu-programacao-data-r {
    top: 60%;
}

.text-section-menu-programacao-quer {
    font-weight: bold;
    font-size: 26px;
    line-height: 1.4;
    text-align: left;
    top: 42%;
}

.text-section-menu-programacao-contate {
    color: #722948;
    font-size: 14px;
    text-align: left;
    top: 78%;
}

.text-section-menu-programacao-contate a {
    color: #722948;
    font-size: 14px;
    text-align: left;
    top: 76%;
    left: 0;
    text-decoration: none;
    color: inherit;
}

.veja-mais-btn-section-menu-programacao {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border: solid #722948;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: futura-lt-w01-light, sans-serif;
    font-weight:80;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #722948;
    background: transparent;
}

.veja-mais-btn-section-menu-programacao:hover {
    background: #1B7B58;
    border: solid #1B7B58;
    cursor: pointer;
    color: #ffffff;
}

.veja-mais-btn-section-menu-programacao a {
    text-decoration: none;
    color: inherit;
}

/*_______________________________________________________________________INICIO RESPONSIVO*/

/* ------------------------------ RESPONSIVIDADE PARA CELULAR ------------------------------ */






/*_______________________________________________________________________PAGINA floripa-beira-mar-norte*/

#section-menu-floripabeiramarnorte {
    position: relative;
}

.div-section-menu-floripabeiramarnorte-titulo {
    height: 600px;
    width: 100%;
    background-color: #FFFDF8;
    align-items: center;
    justify-content: center;
}

.img-section-menu-floripabeiramarnorte-titulo-design-familia {
    align-items: right;
    padding-top: 50px;
    max-width: 370px;
    margin-left: 685px;
}

.text-section-menu-floripabeiramarnorte-titulo-titulo {
    color: #F76BBB;
    font-size: 48px;
    line-height: 1em;
    text-align: center;
    font-weight: bold;

    position: absolute;
    left: 330px;
    top: 80px;
}

.text-section-menu-floripabeiramarnorte-titulo-localdata {
    font-size: 12px;
    text-align: center;
    color: #000000;

    position: absolute;
    left: 395px;
    top: 245px;
}

.text-section-menu-floripabeiramarnorte-titulo-localdata b {
    font-weight: bold;
    font-size: 12px;
}

.text-section-menu-floripabeiramarnorte-titulo-a {
    font-size: 12px;
    text-align: right;
    color: #000000;

    position: absolute;
    left: 342px;
    top: 325px;
}

.text-section-menu-floripabeiramarnorte-titulo-a b {
    font-size: 12px;
}

/*----------HISTÓRIA EM CARTAZES*/

.div-section-menu-floripabeiramarnorte-historia {
    height: 585px;
    width: 100%;
    background-color: #FFEAE3;
    align-items: center;
    justify-content: center;
}

.img-section-menu-floripabeiramarnorte-historia-design-expo {
    align-items: right;
    padding-top: 0;
    width: auto;
    height: 100%;
    margin-left: -10px;
}

.text-section-menu-floripabeiramarnorte-historia-titulo {
    text-align: left;
    letter-spacing: normal;
    font-weight: bold;
    color: #E21C21;
    font-size: 28px;
    line-height: 1.5em;

    position: absolute;
    right: 370px;
    top: 760px;
}

.text-section-menu-floripabeiramarnorte-historia-22 {
    color: #000000;
    letter-spacing: normal;
    font-size: 17px;
    font-size: 17px;
    line-height: 1.5em;
    text-align: left;

    position: absolute;
    right: 217px;
    top: 850px;
}

.text-section-menu-floripabeiramarnorte-historia-veja {
    font-size: 17px;
    line-height: 1.5em;
    color: #000000;

    position: absolute;
    right: 450px;
    top: 1000px;
}

.div-section-menu-floripabeiramarnorte-historia-click {
    transition: opacity 0.2s;
    display: flex;
    justify-content: center;
    /* Centraliza horizontalmente */
    align-items: center;
    /* Alinha os itens verticalmente */
    gap: 20px;
    /* Espaçamento entre os elementos */
    width: fit-content;
    /* Ajusta ao conteúdo */
    position: absolute;
    /* Adiciona posição para z-index funcionar */
    z-index: 3;

    right: 330px;
    top: 990px;
}

.btn-click-menu-floripabeiramarnorte-historia {
    /*background: #3a7759;  Remove o fundo do botão */
    background: #3a7759;
    border: none;
    /* Remove a borda */
    color: #ffffff;
    /* Cor do ícone */
    font-size: 20px;
    /* Tamanho do ícone */
    border-radius: 20px;
    width: 92px;
    height: 36px;

    display: flex;
    /* Para alinhar o ícone */
    justify-content: center;
    /* Centraliza o ícone */
    align-items: center;
    /* Centraliza o ícone */
    transition: transform 0.3s ease;
    /* Animação suave */
}

.btn-click-menu-floripabeiramarnorte-historia:hover {
    cursor: pointer;
    color: #ffffff;
    /* Cor do ícone ao passar o mouse */
}

.btn-click-menu-floripabeiramarnorte-historia i {
    transition: transform 0.5s ease;
    /* Transição suave para o ícone */
}

.btn-click-menu-floripabeiramarnorte-historia:hover i {
    transform: scale(2.5);
    /* Aumenta o ícone */
}

.btn-click-menu-floripabeiramarnorte-historia a {
    text-decoration: none;
    /* Remove a linha sob os ícones */
    color: inherit;
    /* Herda a cor do botão ou do ícone */
}

/*-----------OLHAR ECOLÓGICO*/

.div-section-menu-floripabeiramarnorte-olhare {
    height: 900px;
    width: 100%;
    background-color: #ffffff;
    align-items: right;
    justify-content: flex-start;
}

.img-section-menu-floripabeiramarnorte-olhare-design-guia {
    align-items: right;
    padding-top: 0;
    width: auto;
    height: 100%;
    margin-left: 695px;
}

.text-section-menu-floripabeiramarnorte-olhare-titulo {
    text-align: left;
    font-weight: bold;
    color: #1D67CD;
    font-size: 28px;
    line-height: 1.5em;

    position: absolute;
    left: 190px;
    top: 1450px;
}

.text-section-menu-floripabeiramarnorte-olhare-tour {
    color: #000000;
    letter-spacing: normal;
    font-size: 17px;

    line-height: 1.5em;
    text-align: left;

    position: absolute;
    left: 192px;
    top: 1550px;
}

.text-section-menu-floripabeiramarnorte-olhare-tour i {
    font-size: 17px;
    font-style: italic;
}

/*-----------OLHAR ATENTO */

.div-section-menu-floripabeiramarnorte-olhara {
    height: 740px;
    width: 100%;
    background-color: #FF8A4D;
    align-items: center;
    justify-content: center;
}

.img-section-menu-floripabeiramarnorte-olhara-design-borboleta {
    align-items: center;
    padding-top: 0;
    width: 315px;
    height: auto;
    padding-top: 250px;
    margin-left: 260px;
}

.text-section-menu-floripabeiramarnorte-olhara-titulo {
    text-align: left;
    font-weight: bold;
    color: #ffffff;
    font-size: 28px;
    line-height: 1.5em;

    position: absolute;
    left: 625px;
    top: 2350px;
}

.text-section-menu-floripabeiramarnorte-olhara-borboletas {
    color: #ffffff;
    letter-spacing: normal;
    font-size: 17px;

    line-height: 1.5em;
    text-align: left;

    position: absolute;
    left: 627px;
    top: 2440px;
}


/*-----------OLHAR COM OUTROS*/

.div-section-menu-floripabeiramarnorte-olharco {
    height: 700px;
    width: 100%;
    background-color: #FFFDF8;
    align-items: center;
    justify-content: center;
}

.img-section-menu-floripabeiramarnorte-olharco-design-montanhas {
    align-items: left;
    padding-top: 0;
    width: auto;
    height: 100%;
    margin-left: -25px;
}

.text-section-menu-floripabeiramarnorte-olharco-titulo {
    text-align: left;
    font-weight: bold;
    color: #BADA55;
    font-size: 28px;
    line-height: 1.5em;

    position: absolute;
    right: 210px;
    top: 3030px;
}

.text-section-menu-floripabeiramarnorte-olharco-sons {
    color: #000000;
    letter-spacing: normal;
    font-size: 17px;

    line-height: 1.5em;
    text-align: left;

    position: absolute;
    right: 190px;
    top: 3170px;
}

.text-section-menu-floripabeiramarnorte-olharco-ouca {
    font-size: 17px;
    line-height: 1.5em;
    color: #000000;

    position: absolute;
    right: 430px;
    top: 3355px;
}

.div-section-menu-floripabeiramarnorte-olharco-click {
    transition: opacity 0.2s;
    display: flex;
    justify-content: center;
    /* Centraliza horizontalmente */
    align-items: center;
    /* Alinha os itens verticalmente */
    gap: 20px;
    /* Espaçamento entre os elementos */
    width: fit-content;
    /* Ajusta ao conteúdo */
    position: absolute;
    /* Adiciona posição para z-index funcionar */
    z-index: 3;

    right: 310px;
    top: 3345px;
}

.btn-click-menu-floripabeiramarnorte-olharco {
    /*background: #3a7759;  Remove o fundo do botão */
    background: #F76BBB;
    border: none;
    /* Remove a borda */
    color: #ffffff;
    /* Cor do ícone */
    font-size: 20px;
    /* Tamanho do ícone */
    border-radius: 20px;
    width: 92px;
    height: 36px;

    display: flex;
    /* Para alinhar o ícone */
    justify-content: center;
    /* Centraliza o ícone */
    align-items: center;
    /* Centraliza o ícone */
    transition: transform 0.3s ease;
    /* Animação suave */
}

.btn-click-menu-floripabeiramarnorte-olharco:hover {
    cursor: pointer;
    color: #ffffff;
    background: #3a7759;
    /* Cor do ícone ao passar o mouse */
}

.btn-click-menu-floripabeiramarnorte-olharco i {
    transition: transform 0.5s ease;
    /* Transição suave para o ícone */
}

.btn-click-menu-floripabeiramarnorte-olharco:hover i {
    transform: scale(2.5);
    /* Aumenta o ícone */
}

.btn-click-menu-floripabeiramarnorte-olharco a {
    text-decoration: none;
    /* Remove a linha sob os ícones */
    color: inherit;
    /* Herda a cor do botão ou do ícone */
}

/*-----------OLHAR AUMENTADO*/

.div-section-menu-floripabeiramarnorte-olharau {
    height: 790px;
    width: 100%;
    background-color: #ffffff;
    align-items: right;
    justify-content: flex-start;
}

.img-section-menu-floripabeiramarnorte-olharau-design-marrom {
    align-items: right;
    padding-top: 0;
    width: auto;
    height: 100%;
    margin-left: 677px;
}

.text-section-menu-floripabeiramarnorte-olharau-titulo {
    text-align: left;
    font-weight: bold;
    color: #FF8A4D;;
    font-size: 28px;
    line-height: 1.5em;

    position: absolute;
    left: 170px;
    top: 3790px;
}

.text-section-menu-floripabeiramarnorte-olharau-detalhes {
    color: #000000;
    letter-spacing: normal;
    font-size: 17px;

    line-height: 1.5em;
    text-align: left;

    position: absolute;
    left: 172px;
    top: 3885px;
}


/*-----------OLHAR EXPERIMENTAL*/

.div-section-menu-floripabeiramarnorte-olharex {
    height: 740px;
    width: 100%;
    background-color: #FFFDF8;
    align-items: center;
    justify-content: center;
}

.img-section-menu-floripabeiramarnorte-olharex-design-planta {
    align-items: left;
    padding-top: 0;
    width: auto;
    height: 100%;
    margin-left: -15px;
}

.text-section-menu-floripabeiramarnorte-olharex-titulo {
    text-align: left;
    font-weight: bold;
    color: #3a7759;
    font-size: 28px;
    line-height: 1.5em;

    position: absolute;
    right: 272px;
    top: 4485px;
}

.text-section-menu-floripabeiramarnorte-olharex-plantas {
    color: #000000;
    letter-spacing: normal;
    font-size: 17px;

    line-height: 1.5em;
    text-align: left;

    position: absolute;
    right: 212px;
    top: 4665px;
}

.text-section-menu-floripabeiramarnorte-olharex-veja {
    font-size: 17px;
    line-height: 1.5em;
    color: #000000;

    position: absolute;
    right: 412px;
    top: 4795px;
}

.div-section-menu-floripabeiramarnorte-olharex-click {
    transition: opacity 0.2s;
    display: flex;
    justify-content: center;
    /* Centraliza horizontalmente */
    align-items: center;
    /* Alinha os itens verticalmente */
    gap: 20px;
    /* Espaçamento entre os elementos */
    width: fit-content;
    /* Ajusta ao conteúdo */
    position: absolute;
    /* Adiciona posição para z-index funcionar */
    z-index: 3;

    right: 292px;
    top: 4785px;
}

.btn-click-menu-floripabeiramarnorte-olharex {
    /*background: #3a7759;  Remove o fundo do botão */
    background: #F76BBB;
    border: none;
    /* Remove a borda */
    color: #ffffff;
    /* Cor do ícone */
    font-size: 20px;
    /* Tamanho do ícone */
    border-radius: 20px;
    width: 92px;
    height: 36px;

    display: flex;
    /* Para alinhar o ícone */
    justify-content: center;
    /* Centraliza o ícone */
    align-items: center;
    /* Centraliza o ícone */
    transition: transform 0.3s ease;
    /* Animação suave */
}

.btn-click-menu-floripabeiramarnorte-olharex:hover {
    cursor: pointer;
    color: #ffffff;
    background: #3a7759;
    /* Cor do ícone ao passar o mouse */
}

.btn-click-menu-floripabeiramarnorte-olharex i {
    transition: transform 0.5s ease;
    /* Transição suave para o ícone */
}

.btn-click-menu-floripabeiramarnorte-olharex:hover i {
    transform: scale(2.5);
    /* Aumenta o ícone */
}

.btn-click-menu-floripabeiramarnorte-olharex a {
    text-decoration: none;
    /* Remove a linha sob os ícones */
    color: inherit;
    /* Herda a cor do botão ou do ícone */
}

/*-----------OLHAR SENSÍVEL*/

.div-section-menu-floripabeiramarnorte-olhars {
    height: 840px;
    width: 100%;
    background-color: #FFEAE3;
    align-items: right;
    justify-content: flex-start;
}

.img-section-menu-floripabeiramarnorte-olhars-design-fotografia {
    align-items: right;
    padding-top: 0;
    width: auto;
    height: 100%;
    margin-left: 677px;
}

.text-section-menu-floripabeiramarnorte-olhars-titulo {
    text-align: left;
    font-weight: bold;
    color: #18509E;
    font-size: 28px;
    line-height: 1.5em;

    position: absolute;
    left: 178px;
    top: 5325px;
}

.text-section-menu-floripabeiramarnorte-olhars-uma {
    color: #000000;
    letter-spacing: normal;
    font-size: 17px;

    line-height: 1.5em;
    text-align: left;

    position: absolute;
    left: 180px;
    top: 5500px;
}

/*-----------OLHAR CRIATIVO*/

.div-section-menu-floripabeiramarnorte-olharcr {
    height: 690px;
    width: 100%;
    background-color: #FFFDF8;
    align-items: center;
    justify-content: center;
}

.img-section-menu-floripabeiramarnorte-olharcr-design-quadro {
    align-items: left;
    padding-top: 0;
    width: auto;
    height: 100%;
    margin-left: -37px;
}

.text-section-menu-floripabeiramarnorte-olharcr-titulo {
    text-align: left;
    font-weight: bold;
    color: #F76BBB;;
    font-size: 28px;
    line-height: 1.5em;

    position: absolute;
    right: 182px;
    top: 6050px;
}

.text-section-menu-floripabeiramarnorte-olharcr-o {
    color: #000000;
    letter-spacing: normal;
    font-size: 17px;

    line-height: 1.5em;
    text-align: left;

    position: absolute;
    right: 200px;
    top: 6230px;
}

/*_______________________________________________________________________PAGINA HISTÓRIA EM CARTAZES*/

.section-menu-historiaemcartazes-inicio{
    position: relative;
}

.div-section-menu-historiaemcartazes-inicio{
    height: 1040px;
    width: 100%;
    background-color: #FCD3C3;
    align-items: center;
    justify-content: center;
}

.text-section-menu-historiaemcartazes-inicio-titulo1{
    font-family: montserrat, sans-serif;
    font-weight: bold;
    font-size: 46px;
    color: rgb(27,123,88);
    font-size: 46px;
    line-height: normal;
    text-align: center;
    padding-top: 80px;
}

.text-section-menu-historiaemcartazes-inicio-subtitulo1{
    color: rgb(21,64,61);
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 70px;
    line-height: 1.3;
}

/*--------------------------------- Container principal do slider */
/* Container principal do slider */
.slider-section-menu-historiaemcartazes-inicio {
    position: relative;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 50px;
    overflow: hidden; /* Esconde a barra de rolagem */
}

/* Ajusta o container interno para permitir a rolagem sem exibir a barra */
.slider-container-menu-historiaemcartazes-inicio {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    overflow-x: scroll; /* Permite rolagem horizontal */
    scroll-behavior: smooth; /* Suaviza a rolagem */
    scrollbar-width: none; /* Esconde a barra de rolagem no Firefox */
}

/* Remove a barra de rolagem no Chrome, Edge e Safari */
.slider-container-menu-historiaemcartazes-inicio::-webkit-scrollbar {
    display: none;
}

/* Contém todas as imagens */
.slider-wrapper {
    display: flex;
    width: max-content;
    gap: 10px; /* Pequeno espaçamento entre as imagens */
}

/* Configuração das imagens */
.slider-img-menu-historiaemcartazes-inicio {
    width: 24%;
    height: 465px;
    object-fit: cover;
}

/* Botões de navegação */
.prev, .next {
    position: absolute; /* Agora os botões ficam dentro da div do slider */
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    color: white;
    border: none;
    padding: 15px 20px;
    cursor: pointer;
    border-radius: 50%;
    font-size: 40px;
    z-index: 10; /* Para garantir que fiquem sobre as imagens */
}

/* Posiciona dentro da div do slider */
.prev { left: 10px; }
.next { right: 10px; }

/* Efeito hover nos botões */
.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
}



/*_______________________________________________________________________FLORIPAPARQUEDALUZ*/


.section-menu-programacao-parquedaluz {
    position: relative;
    height: 880px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;    
}

.div-section-menu-programacao-parquedaluz{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: linear-gradient(to bottom, #E2BBCD, #FFFFFF);
    min-height: 300px; /* Adicione uma altura mínima */
}

/* Coluna Esquerda */
.left-column-luz {
    width: 60%;
    margin-left: 190px;
}

.img-programacao-parquedaluz-fundo{
    background-size: cover;

    position: absolute; /* Permite controlar a posição da imagem dentro do container */
    top: 50%; /* Alinha verticalmente o centro da imagem */
    left: 50%; /* Alinha horizontalmente o centro da imagem */
    transform: translate(-50%, -50%) scaleX(1.2); /* Centraliza e amplia no eixo horizontal */
    width: auto; /* A largura é definida automaticamente pela proporção */
    height: 100%; /* A altura acompanha o container */
    object-fit: cover; /* Garante que a imagem preencha o container corretamente */
    z-index: 1;
}

.text-section-menu-programacao-parquedaluz-titulo{
    font-weight: bold;
    font-size: 60px;
    color: #FFFDF8;
    margin-top: 70px;
    margin-bottom: 10px;
}

.text-section-menu-programacao-parquedaluz-subtitulo{
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 4px;
}

.text-section-menu-programacao-parquedaluz-subtitulo2{
    color: #000000;
    font-size: 17px;
}


/* -----------------------------------Container do slider */
.slider-container-programacao-parquedaluz {
    position: relative;
    width: 90%;
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 120px;
}

/* Imagens do slider */
.slider-img-programacao-parquedaluz {
    width: 100%;
    height: auto;    /* Altura fixa para todas as imagens */
    display: block;
    margin: auto;
    object-fit: cover;
}


/* Configuração básica dos slides */
.slide {
    display: none;  /*Oculta todos os slides inicialmente */
    position: relative;
    width: 100%;
}

.slide.active {
    display: block; /* Apenas o slide ativo aparece */
}

/* Botões de navegação */
.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color:transparent;
    color: rgb(235, 234, 234);
    border: none;
    padding: 20px 25px;/* Aumenta o tamanho do botão */
    cursor: pointer;
    border-radius: 50%;
    font-size: 50px; /* Aumenta o tamanho da seta */
}

.prev { left: 8px; }
.next { right: 8px; }

/* Efeito hover nos botões */
.prev:hover, .next:hover {
    background-color: transparent;
    color: rgb(255, 255, 255);
}

/* Efeito de transição dos slides */
.fade {
    animation: fadeEffect 10s;
}

@keyframes fadeEffect {
    from {opacity: 0.4;}
    to {opacity: 1;}
}

/* Legenda que aparece ao passar o mouse */
.legenda-slider-programacao-parquedaluz {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 99.5%;
    background:rgba(255, 255, 255, 0.678);
    color: black;
    text-align: left;
    padding: 5px 10px 2px 12px;
    font-size: 16px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.legenda-dalegenda-programacao-parquedaluz{
    font-size: 15px;
}

.legenda-dalegenda-numero-programacao-parquedaluz{
    font-size: 11px;
    text-align: right;
}

.slide:hover .legenda-slider-programacao-parquedaluz {
    opacity: 1; /* Mostra a legenda ao passar o mouse */
}

/* Coluna Direita */
.right-column-luz {
    width: 40%;
    margin-right: 180px;
    margin-top: 300px;
}

.text-section-menu-programacao-parquedaluz2-textao {
    font-size: 14px;
    color: #141414;
    line-height: 1.4;
    text-align: justify;
}

/*-------------------------------------------------------------------*/

.text-section-menu-programacao-parqueriovermelho-textao {
    font-size: 16px;
    color: #141414;
    line-height: 1.4;
    text-align: justify;
    margin-top: 220px;
}

/*-------------------------------------------------------------------------*/

.text-section-menu-programacao-jardimbotanico-titulo{
    font-weight: bold;
    font-size: 60px;
    color: #FFFDF8;
    margin-top: 70px;
}

.text-section-menu-programacao-jardimbotanico-titulo2{
    font-weight: 500;
    font-size: 22px;
    color: #FFFDF8;
    margin-bottom: 15px;
}

.text-section-menu-programacao-jardimbotanico-textao{
    font-size: 14px;
    color: #141414;
    line-height: 1.4;
    text-align: justify;
    margin-top: 40px;
}

/*----------------------------------------------------------------------------------*/

.text-section-menu-programacao-cepsul-textao{
    font-size: 14px;
    color: #141414;
    line-height: 1.2;
    text-align: justify;
    margin-top: 10px;
}

.span-cepsul{
    font-size: 14px;
    text-decoration: underline;
}

/*_______________________________________________________________________JOINVILLE-GARTEN*/

.text-section-menu-programacao-garten-textao{
    font-size: 14px;
    color: #141414;
    line-height: 1.2;
    text-align: justify;
    margin-top: -20px;
}